<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flight Status</title>
<link rel="stylesheet" href="./css/airline.css">
<link rel="stylesheet"
	href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
<script src="./js/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script src="./js/sunshine.js"></script>
<script src="./js/FlightStatus.js"></script>
</head>
<body>
	<div class="top">
		<div class="logo">
			<img class="logoimg" src="./image/logo/logo1.png" alt="">
		</div>
		<div class="status">Office User Menu</div>
	</div>
	<div class="menulist">
		<a href="./SearchFlights.html"><div class="list_sf">Search
				Flights</div></a>
		<div class="list_sf" style="color: #F79420;">Flight Status</div>
		<div class="list_out">Logout</div>
	</div>
	<div class="FS">
		<div class="FSlist">
			<div class="FSdate">
				<p style="line-height: 30px;">Departure Date：</p>
				<input style="width: 120px;" type="date" value="2019-08-29" /> <i
					class="fa fa-calendar" aria-hidden="true"></i>
			</div>

			<div class="FSsearch">
				<input type="button" name="" id="" value="Search" />
			</div>
		</div>
		<div class="FSmsg">
			<div class="msgtitle">
				<div class="page">
					<div class="prev">
						<i class="fa fa-step-backward" aria-hidden="true"></i>
					</div>
					<div class="prev">
						<i class="fa fa-chevron-left" aria-hidden="true"></i>
					</div>
					<div class="pagenum">
						<select>
							<option value="volvo">1</option>
						</select> of 2
					</div>
					<div class="prev">
						<i class="fa fa-chevron-right" aria-hidden="true"></i>
					</div>
					<div class="prev">
						<i class="fa fa-step-forward" aria-hidden="true"></i>
					</div>
				</div>
				<div class="refresh">
					<div class="reicon">
						<i class="fa fa-arrow-left" aria-hidden="true"></i>
					</div>
					<div class="reicon">
						<i class="fa fa-times-circle-o" aria-hidden="true"></i>
					</div>
					<div class="reicon">
						<i class="fa fa-refresh" aria-hidden="true"></i>
					</div>

				</div>
				<div class="print">
					<div class="reicon">
						<i class="fa fa-print" aria-hidden="true"></i>
					</div>
					<div class="reicon">
						<i class="fa fa-file-text-o" aria-hidden="true"></i>
					</div>
					<div class="reicon">
						<i class="fa fa-map-o" aria-hidden="true"></i>
					</div>
					<div class="reicon">
						<i class="fa fa-floppy-o" aria-hidden="true"></i>
					</div>
				</div>
				<div class="view">
					<div class="NUM">
						<select style="width: 80px;">
							<option value="volvo">100%</option>
						</select>
					</div>
				</div>


			</div>
			<div class="FSform">
				<table width="100%">
					<thead>
						<tr class="thead">
							<th>No</th>
							<th>Flight Number</th>
							<th>From</th>
							<th>To</th>
							<th>Schedule Start</th>
							<th>Schedule Arrival</th>
							<th>Actual Arrival</th>
							<th>Gate</th>
							<th>Status</th>
						</tr>
					</thead>
					<tbody>
						<tr class="tdcolor">
							<td>1</td>
							<td>101</td>
							<td>Beijing/PEK</td>
							<td>Rome/CIA</td>
							<td>05:00</td>
							<td>09:00</td>
							<td>09:05</td>
							<td>F10</td>
							<td>Delay 5 minutes</td>
						</tr>
						<tr class="tdcolor1">
							<td>2</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>

						</tr>
						<tr class="tdcolor">
							<td>3</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>

						</tr>
						<tr class="tdcolor1">
							<td>4</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>

						</tr>
						<tr class="tdcolor">
							<td>5</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>

						</tr>
						<tr class="tdcolor1">
							<td>6</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr class="tdcolor">
							<td>7</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr class="tdcolor1">
							<td>8</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr class="tdcolor">
							<td>9</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr class="tdcolor1">
							<td>10</td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>



</body>
</html>